<?php
include_once('admin/php/includes/definer.php');
include_once(INC.'admin/php/bootstrap.php');
?>
<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="iso-8859-1" />
        <meta name="viewport" content="width=device-width" />
        <title>Marcos Furer - Photography</title>

        <link rel="stylesheet" href="stylesheets/normalize.css" />
        <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="stylesheets/app.css" />


        <script src="<?php echo(URL); ?>javascripts/vendor/custom.modernizr.js"></script>

    </head>
    <body>
        <!-- MENU -->
        <?php include_once (INC.'tpl/menu.php'); ?>
        <!-- FIN MENU -->
        <section>
            <!-- FINE ART -->
            <div class="row">
                <div class="large-3 columns">
                    <div class="sub-cat-box project-box">
                        <h2>Fine Art</h2>
                        <p class="light">Lorem ipsum dolor sit amet, consectetuer.</p>                        
                    </div>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
            </div>
            <!-- FIN FINE ART -->
            <!-- COMMERCIAL ART -->
            <div class="row">
                <div class="large-3 columns">
                    <div class="sub-cat-box project-box">
                        <h2>Commercial</h2>
                        <p class="light">Lorem ipsum dolor sit amet, consectetuer.</p>                        
                    </div>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns large-offset-3">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
            </div>
            <!-- FIN COMMERCIAL ART -->
            <!-- PROJECTS -->
            <div class="row">
                <div class="large-3 columns">
                    <div class="sub-cat-box project-box">
                        <h2>Projects</h2>
                        <p class="light">Lorem ipsum dolor sit amet, consectetuer.</p>                        
                    </div>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns large-offset-3">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
                <div class="large-3 small-6 columns">
                    <a href="#">
                        <div class="project-box">
                            <img src="content/photography/fine-art/cover.png" alt="" />
                            <div class="title-project">
                                <p>Ansel Tribute</p>
                            </div>                        
                        </div>
                    </a>
                </div>
            </div>
            <!-- FIN PROJECTS -->

        </section>
        <footer>
            <?php include_once './tpl/footer.html'; ?>
        </footer>
        <script>
            document.write('<script src=' + ('__proto__' in {} ? '<?php echo(URL); ?>javascripts/vendor/zepto' : '<?php echo(URL); ?>javascripts/vendor/jquery') + '.js><\/script>')
        </script>
        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.alerts.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.clearing.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.cookie.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.dropdown.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.forms.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.joyride.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.magellan.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.orbit.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.placeholder.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.reveal.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.section.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.tooltips.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.topbar.js"></script>

        <script>
            $(document).foundation();
            $(document).ready(function() {
                /*var contenido = $(window).width();
                 if (contenido < 500) {
                 $("body").css({"background-color": "#22c108"});
                 }*/
                ;

                $(".sub-one").hover(function() {
                    $('#sub-nav-first').css('display', 'block');
                    $('#sub-nav-first').animate({opacity: 1}, 200, 'linear');
                });
                $(".sub-dos").hover(function() {
                    $('#sub-nav-second').css('display', 'block');
                    $('#sub-nav-second').animate({opacity: 1}, 200, 'linear');
                });

                /*$(window).resize(function() {
                 var contenido = $(window).width();
                 if (contenido < 410) {
                 $("body").css({"background-color": "#22c108"});
                 $(".small-4").css('width', 'inherit');
                 } else {
                 $("body").css({"background-color": "#f6f6f6"});
                 $(".small-4").css('width', 'auto');
                 
                 }
                 });*/
            });
        </script>
    </body>
</html>
